@charset "utf-8";

*{ font-family: "微软雅黑"; font-size: 15px; line-height: 1.8; margin: 0 auto; padding: 0px;}

ul,li,ol{ list-style: none;}

a{color: #666;}

a:hover{color: #d30713;}

a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}

a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}

img{ max-width: 100%; height: auto;}

em{font-style: normal;font-weight: normal;}

body{position: relative;}

.pull-left{float: left;}

.pull-right{float: right;}

.fl_l{float: left;}

.fl_r{float: right;}

.clear{ clear: both;}

ul{padding: 0;}





header{

  position: fixed;

  width: 100%;

  z-index: 999;

  background: white;

  box-shadow: 0px 5px 50.05px 4.95px rgb(0 0 0 / 10%);

}







.uset{

  text-align: center;

  padding: 25px 0px 10px;

}

.uset h3{

  font-size: 36px;

  font-weight: bold;

}

.uset p{

  color: #3b3b3b;

  font-size: 18px;

  margin-top: 10px;

}



.usel{

  padding: 0px 0px 50px;

}



.useshow{

  padding:30px 0px;

}







.unit i{

  font-size: 18px;

  margin-right: 5px;

}









.sosuo{

  background: #34343e;

  position: absolute;

  left: 0;

  top: 92px;

  z-index: 99;

  padding: 10px 0;

  width: 100%;

  height: auto;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

  -webkit-transform: perspective(700px) rotateX(-30deg);

  -ms-transform: perspective(700px) rotateX(-30deg);

  transform: perspective(700px) rotateX(-30deg);

  transform-origin: top center;

  opacity: 0;

  visibility: hidden;

}



.soshow{

  transform: perspective(0px) rotateY(0deg);

  opacity: 1;

  visibility: visible;

  transition: all 0.5s ease 0s;

  display: block;

}



.sosuo input{

  display: block;

  float: left;

  width: 85%;

  height: 40px;

  background: #fff;

  padding: 0 10px;

  border: none;

  appearance: none;

  outline: none;

}

.sosuo button{

  display: block;

  width: 5%;

  text-align: center;

  cursor: pointer;

  border: none;

  background: none;

  appearance: none;

  outline: none;

  float: left;

}

.sosuo button i{

  color: white;

  font-size: 22px;

}

.sosuo .showl{

  float: left;

  color: white;

  cursor: pointer;

}

.sosuo .showl i{

  font-size: 22px;

}









.check{

  text-align: center;

}

.check a{

    display: block;

    margin: 15px auto 0;

    font-size: 20px;

    color: #fff;

    width: 208px;

    text-align: center;

    line-height: 58px;

    background: #d30713;

}



.useimg{

  overflow: hidden;

}

.useimg img{

  display: inline-block;

  vertical-align: middle;

  transition: .5s linear 0s;

  transform: scale(1);

}

.useimg:hover img{

  transform: scale(1.1);

}









.vidimg{

  position: relative;

  overflow: hidden;

  display: block;

}



.vidimg .lead{

  display: inline-block;

  vertical-align: middle;

  transition: .5s linear 0s;

  width: auto;

  height: auto;

  max-height: 100%;

  max-width: 100%;

  margin-left: 0px;

  transform: scale(1);

}

.vidimg:hover .lead{

  transform: scale(1.1);

}



.vidimg .inco{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,.4);

  display: -ms-flexbox;

  -ms-flex-pack: center;

  -ms-flex-align: center;

  display: -moz-box;

  -moz-box-pack: center;

  -moz-box-align: center;

  display: -webkit-box;

  -webkit-box-pack: center;

  -webkit-box-align: center;

}









footer{

  background: #34343e;

  color: #fff;

}

footer .in{

  padding: 20px 0 5px;

}



footer .left .tit{

  display: table;

}

footer .left .tit p{

  font-size: 22px;

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

footer .left .ms{

  padding-top: 15px;

}

footer .ins .tit,footer .right .tit{

  margin-bottom: 15px;

}

footer .ins .tit h5,footer .right .tit h5{

  display: block;

  font-size: 24px;

  letter-spacing: 3px;

}

footer .ins .tit i,footer .right .tit i{

  display: block;

  width: 32px;

  height: 1px;

  background: #d10511;

  margin-top: 10px;

  margin-left: 0;

}







footer .ins ul li a{

  color: white;

}





footer .bt{

  border-top: 1px solid #7d7d7d;

  padding: 10px 0;

}





.bg-hui{

  background: #f5f5f5;

}











.pages{

  text-align: center;

  overflow: hidden;

  padding: 10px 0px;

}



.pages span,.pages a{

  padding: 5px 11px;

  margin: 0px 5px;

  color: #595959;

  border: 1px solid #c8c8c8;

}

.pages .current{

  background: #d30713;

  color: white;

}





.detail-item {display: none;}

.detail-show{

  position: absolute;

  width: 100%;

  top: 100%;

  left: 0;

  background-color: #F5F5F5;

  z-index: 999;

}

.detail-show .box{

  padding: 20px;

}



.detail-item .list{

  cursor: pointer;

}

.detail-item .list .tit{

  font-size: 14px;

  border-bottom: 2px solid #d10512;

  display: block;

  padding-bottom: 10px;

  text-align: center;

  transition: all 700ms ease;

  text-overflow: ellipsis;white-space: nowrap; overflow: hidden; display: block;

}

/* .detail-item .list:hover .tit{

  letter-spacing: 2px;

} */

.detail-item .list .show{

  margin-top: 15px;

}

.detail-item .list .show a{

  display: block;

  line-height: 36px;

  color: #333;

  font-size: 15px;

}

.detail-item .list .show a:hover{

  color: #d10511;

}

.detail-item .list img{

  transition: 0.5s;

}

.detail-item .list:hover img{

  transform: translateY(-15px);

}



.useimgl{

  position: relative;

  overflow: hidden;

}

.useimgl::before{

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.useimgl:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}

@-webkit-keyframes shine {100% {left: 125%;}}

@keyframes shine {100% {left: 125%;}}













@media (max-width: 767px) {

  .hidden-xs {display: none !important;}



  .usel{

    padding: 0px 0px 25px;

  }

  .uset p{

    font-size: 16px;

  }



  .navbar img{

    height: 45px;

  }

  .heibox{

    height: 60px;

  }



  .unit{

    position: absolute;

    right: 10px;

    top: 15px;

  }

  .sosuo{

    top: 60px;

  }

  .sosuo input{

    width: 80%;

  }

  .sosuo button{

    width: 10%;

  }



  .navbar .navbox{

    margin: 0;

    border-top: 1px solid #efefef;

    margin-top: 8px;

  }



  .navbar .navbox li a{

    line-height: 35px;

    display: block;

  }





}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {display: none !important;}

}



@media (min-width:992px){

  /*header*/

  header ul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}

  header ul>li{flex: 1;float: left;}





  header ul li a{

    display: inline;

    position: relative;

    color: #000;

    font-size: 20px;

  }



  .heibox{

    height: 92px;

  }









}



@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {display: none !important;}

}

@media (min-width: 1200px) {

  .hidden-lg {display: none !important;}

}

@media (min-width: 1400px) {

  .container{

    max-width: 1320px;

  }



}